.top{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 430rpx;
    position: relative;
    .top-bg{
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0;
    }
    .top-content{
      z-index: 1;
      position: relative;
    }
    .js_center{
       display: flex;
       flex-direction: row;
       justify-content: center; 
       .question{
            width: 26rpx;
            height: 26rpx;
            padding: 10rpx;
            position: relative;
            top: -8rpx;
        }
    }
    .mention{
      display: flex;
      align-items: center;
      margin-top: 32rpx;
      color: rgba(255,255,255,0.7);
      font-size: 24rpx;
      .regular{
        width: 28rpx;
        margin-left: 5rpx;
        height: 28rpx;
      }
    }
    .history{
        margin-bottom: 80rpx;
    }  
    .title{
       color: #fff;
       font-size: 24rpx;
       font-family:PingFang SC;
       height: 30rpx;
       line-height: 30rpx;
    }
    .price{
        margin-top: 100rpx;
        font-size: 100rpx;
        font-weight: bold;
        color: #fff;
        margin-bottom: 30rpx;
    }
    .details{
        margin-bottom: 40rpx;
        color: #333333;
        font-weight:500;
        font-size:24rpx;
        font-family:PingFang SC;
        .details_img{
            width: 12rpx;
            height: 22rpx;
            position: relative;
            top: 6rpx;
            left: 10rpx;
        }
    }
}
.center{
    
    .todayEarnings{
        // margin:0 40rpx;
        height: auto;
        display: flex;
        background-color: #fff;
        align-items: center;
        border-bottom: 2rpx solid #e3e3e3;
        padding: 30rpx 40rpx;
        overflow: hidden;
        position: relative;
        &.bottom20{
          margin-bottom: 20rpx;
          border-bottom: none;
        }
        .list_more{
            width: 30rpx;
            height: 30rpx;
            margin-left: 10rpx;
            // position: absolute;
            // right: -20rpx;
            // bottom: 48rpx;
            // padding: 40rpx 20rpx 40rpx 80rpx;
            z-index: 99;
        }
        .question{
            width: 26rpx;
            height: 26rpx;
            padding: 10rpx;
            position: relative;
            top: 14rpx;
        }
        &:last-child {
        border-bottom: 0;
        }
        .title {
        font-size: 28rpx; 
        color: #000;
        width: 100%;
        line-height: 60rpx;
        }
        .info {
        display: flex;
        justify-content: space-between;
        font-size: 28rpx;
        color: #666;
        align-items: baseline;
        .price{
            font-size: 36rpx;
            font-weight: bold;
            color: #333;
            .icon {
            font-weight: normal;
            font-size: 28rpx;
            margin-right: 10rpx;
            }
        }
        .num {
            color: #999;
        }
        }  
    }
}
.bottom{
    padding: 36rpx 44rpx;
    background-color: #fff;
    margin-bottom: 20rpx;
    .bottom_box{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        .title{
            display: flex;
            align-items: center;
            font-size: 30rpx;
            font-family:PingFang SC;
            color: #000;
        }
        .more{
          display: flex;
          color: #999;
          align-items: center
        }
        .list_icon{
          width: 28rpx;
          height: 28rpx;
          margin-right: 6rpx;
        }
        .list_more{
          width: 12rpx;
          height: 22rpx;
          position: relative;
          margin-left: 8rpx;
        }
    }
    
}
